layui.use(['table', 'admin', 'ax', 'laydate'], function () {
    var $ = layui.$;
    var table = layui.table;
    var $ax = layui.ax;
    var admin = layui.admin;
    var laydate = layui.laydate;
    var form = layui.form;
    
    //渲染时间
    laydate.render({
        elem: '#startTime'
    });
    //渲染时间
    laydate.render({
        elem: '#endTime'
    });
    
    //渲染时间
    laydate.render({
        elem: '#startTime2'
    });
    //渲染时间
    laydate.render({
        elem: '#endTime2'
    });

    /**
     * 作业单表管理
     */
    var TaskOrder = {
        tableId: "taskOrderTable"
    };

    /**
     * 初始化表格的列
     */
    TaskOrder.initColumn = function () {
        return [[
            {type: 'checkbox', fixed: 'left'},
            {field: 'status', title: '状态', sort: true, fixed: 'left',
            	templet: function(d){
            		var str = "";
            		if (d.status == '未开始') {
                    	str += '<span style="font-weight: bold;">' + d.status + '</span>'
					} else if (d.status == '作业中'){
                    	str += '<span style="color:#ffaa00;font-weight: bold;">' + d.status + '</span>'
					} else if (d.status == '已完成'){
                    	str += '<span style="color:#00c300;font-weight: bold;">' + d.status + '</span>'
					} else if (d.status == '作废'){
                    	str += '<span style="color:#e84d74;font-weight: bold;">' + d.status + '</span>'
					}
            		return str
            	}
            },
            {field: 'operateName', title: '项目部', fixed: 'left', sort: true, style:'font-weight: 600;'},
            {field: 'outCustomerName', title: '客户', fixed: 'left', sort: true, style:'font-weight: 600;'},
            {field: 'v1', title: '作业日期', sort: true, style:'font-weight: 600;'},
            {field: 'taskWork', title: '类型', sort: true, style:'font-weight: 600;'},
            {field: 'v8', title: '类别', sort: true, style:'font-weight: 600;'},
            {field: 'settlementMode', title: '核算方式', sort: true, style:'font-weight: 600;'},
            {field: 'orderNumber', title: '作业单号', style:'font-weight: 600;'},
            {field: 'customerNumber', title: '客户单号', style:'font-weight: 600;'},
            {field: 'name', title: '作业内容', totalRowText: '合计', style:'font-weight: 600;'},

            {field: 'volume', title: '体积', sort: true, totalRow: true, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'nums', title: '数量', sort: true, totalRow: true, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'weights', title: '重量(吨)', sort: true, totalRow: true, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'hours', title: '累计工时', sort: true, totalRow: true, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'peoples', title: '累计人数', sort: true, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'v2', title: '创建时间', sort: true},
            {field: 'v3', title: '创建人员'},
            {field: 'createTimes', title: '开始时间', sort: true,width:160, style:'background-color: #dbf1e1;font-weight: 600;'},
            {field: 'endTime', title: '结束时间', sort: true,width:160, style:'background-color: #dbf1e1;font-weight: 600;'},
            {align: 'center', toolbar: '#tableBar', title: '操作', fixed: 'right'}
        ]];
    };

    // 单击行事件
    table.on('row(' + TaskOrder.tableId + ')', function (obj) {
        var data = obj.data;
		$('div[lay-id="' + TaskOrder.tableId + '"]').find(".layui-table-body tr ").attr({ "style": "background:#FFFFFF" });//其他tr恢复原样
		$('div[lay-id="' + TaskOrder.tableId + '"]').find(obj.tr.selector).attr({ "style": "background:#e6e6e6;" });//改变当前tr颜色
    });

    /**
     * 点击查询按钮
     */
    TaskOrder.search = function () {
        var queryData = {};
        queryData['condition'] = $("#condition").val();
        queryData['status'] = $("#status").val();
        queryData['taskWork'] = $("#taskWork").val();
        queryData['carModel'] = $("#carModel").val();
        queryData['settlementMode'] = $("#settlementMode").val();
        queryData['startTime'] = $("#startTime").val();
        queryData['endTime'] = $("#endTime").val();
        queryData['startTime2'] = $("#startTime2").val();
        queryData['endTime2'] = $("#endTime2").val();
        queryData['operateId'] = $("#operateId").val();
        queryData['outCustomerId'] = $("#outCustomerId").val();
        queryData['type1'] = $("#type1").val();
        queryData['type2'] = $("#type2").val();
        queryData['type3'] = $("#type3").val();
        queryData['type4'] = $("#type4").val();
        queryData['type5'] = $("#type5").val();
        queryData['type6'] = $("#type6").val();
        queryData['type7'] = $("#type7").val();
        queryData['type8'] = $("#type8").val();
        queryData['type9'] = $("#type9").val();
        queryData['type10'] = $("#type10").val();
        queryData['type11'] = $("#type11").val();
        table.reload(TaskOrder.tableId, {
            where: queryData, page: {curr: 1},
             done:function () {
            }
        });
    };

    /**
     * 导出excel按钮
     */
    TaskOrder.exportExcel = function () {
        var checkRows = table.checkStatus(TaskOrder.tableId);
        if (checkRows.data.length === 0) {
            Feng.error("请选择要导出的数据");
        } else {
            table.exportFile(tableResult.config.id, checkRows.data, 'xls');
        }
    };

    /**
     * 点击作废
     *
     * @param data 点击按钮时候的行数据
     */
    TaskOrder.onDeleteItem = function (data) {
        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/taskOrder/delete", function (data) {
                Feng.success("作废成功!");
                table.reload(TaskOrder.tableId);
            }, function (data) {
                Feng.error("作废失败!" + data.responseJSON.message + "!");
            });
            ajax.set("id", data.id);
            ajax.start();
        };
        Feng.confirm("是否作废?", operation);
    };

    // 渲染表格
    var tableResult = table.render({
        elem: '#' + TaskOrder.tableId,
        url: Feng.ctxPath + '/taskOrder/list',
        page: true,
        limit: 60,
        height: "full-60",
        totalRow: true,
        toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
        defaultToolbar: ['filter', 'exports', 'print'],
        cellMinWidth: 100,
        cols: TaskOrder.initColumn()
    });

    // 搜索按钮点击事件
    $('#btnSearch').click(function () {
        TaskOrder.search();
    });

    // 导出excel
    $('#btnExp').click(function () {
        TaskOrder.exportExcel();
    });

    // 工具条点击事件
    table.on('tool(' + TaskOrder.tableId + ')', function (obj) {
        var data = obj.data;
        var layEvent = obj.event;

        if (layEvent === 'edit') {
            TaskOrder.openEditDlg(data);
        } else if (layEvent === 'delete') {
            TaskOrder.onDeleteItem(data);
        } else if (layEvent === 'printing') {
            layer.open({
                type: 2,
                title: '查看服务卡',
                area: ['1000px', '550px'],
                anim: 2,
                content: Feng.ctxPath + '/taskOrder/toprinting?id=' + data.id,
                end: function () {
                }
            });
        }
    });

    $("#xieche_div").hide()
    $("#zhuangche_div").hide()
    $("#ruku_div").hide()
    $("#yiku_div").hide()
    $("#lingliao_div").hide()
    $("#feiliao_div").hide()
	$("#liku_div").hide()
    $("#piliang_div").hide()
    $("#zagong_div").hide()
    $("#zhuancangZC_div").hide()
    $("#zhuancangXC_div").hide()
    form.on('select(taskWork)', function(data){
        var value = data.elem.value;//被点击的radio的value值
        $("#xieche_div").hide()
        $("#zhuangche_div").hide()
        $("#zhuancangZC_div").hide()
        $("#zhuancangXC_div").hide()
        $("#ruku_div").hide()
        $("#yiku_div").hide()
	    $("#lingliao_div").hide()
	    $("#feiliao_div").hide()
		$("#liku_div").hide()
	    $("#piliang_div").hide()
	    $("#zagong_div").hide()
        if(value == "卸车"){
            $("#xieche_div").show()
        }
        if(value == "装车"){
            $("#zhuangche_div").show()
        }
        if(value == "转仓装车"){
            $("#zhuancangZC_div").show()
        }
        if(value == "转仓卸车"){
            $("#zhuancangXC_div").show()
        }
        if(value == "入库"){
            $("#ruku_div").show()
        }
        if(value == "移库"){
            $("#yiku_div").show()
        }
        if(value == "领料"){
            $("#lingliao_div").show()
        }
        if(value == "废料"){
            $("#feiliao_div").show()
        }
        if(value == "理库"){
            $("#liku_div").show()
        }
        if(value == "批量作业"){
            $("#piliang_div").show()
        }
        if(value == "杂工"){
            $("#zagong_div").show()
        }
    });
});
